<template>
  <div id="earlyStageAchievementOpinion1">
    <div class="MainBox">
      <div class="tableBoxData">
        <div class="tableBoxData_title">前期测绘成果复审意见表</div>
      
        <div style="text-align: center;">
          <iframe frameborder="0" name="showHere"
            scrolling="auto"
            width="70%"
            height="1000"
            :src="$https+dataInfo.filePath"
          ></iframe>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { getYijianTable } from "@/api/earlyStageAchievementRecheck";
export default {
  data() {
    return {
      dataInfo:''
    };
  },
  created() {
    this.getData()
  },
  methods: {
    getData(){
      let obj={
        projectId:localStorage.getItem("projectId")
      }
      getYijianTable(obj).then(res=>{
        if(res.code==1000){
          if(res.data!=null){
            this.dataInfo=res.data
            this.tableDialog=true
          }
        }
      })
    }
    
  }
};
</script>
<style>
#earlyStageAchievementOpinion1 {
  padding: 30px;
  box-sizing: border-box;
}
#earlyStageAchievementOpinion1 .boxItem {
  width: 100%;
  background-color: #fff;
}
#earlyStageAchievementOpinion1 .boxItem_title {
  width: 100%;
  background: #f8f8f8;
  height: 50px;
  border: 1px solid #efefef;
  overflow: hidden;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  text-indent: 20px;
  line-height: 50px;
}
#earlyStageAchievementOpinion1 .boxItem_content {
  width: 100%;
  border: 1px solid #ebebeb;
  border-top: none;
  padding: 30px;
  padding-top: 0;
  box-sizing: border-box;
}
#earlyStageAchievementOpinion1 .boxItem_content_row {
  display: flex;
  align-items: center;
}
#earlyStageAchievementOpinion1 .boxItem_content_row_item {
  display: flex;
  align-items: center;
}
#earlyStageAchievementOpinion1 .boxItem_content_row_item_noFlex {
  display: flex;
  width: 100%;
}
#earlyStageAchievementOpinion1 .boxItem_content_row_item:nth-child(2n-1) {
  margin-right: 300px;
}
#earlyStageAchievementOpinion1 .boxItem_content_row_item p {
  font-size: 14px;
  line-height: 36px;
  width: 165px;
}
#earlyStageAchievementOpinion1 .boxItem_content_row_item_noFlex p {
  font-size: 14px;
  line-height: 36px;
  width: 140px;
}
#earlyStageAchievementOpinion1 .boxItem_content_row_item p:first-child {
  color: #444;
  font-weight: bold;
}
#earlyStageAchievementOpinion1 .boxItem_content_row_item p:last-child {
  color: #666;
}
#earlyStageAchievementOpinion1 .uploadDownLoadBox_item {
  margin: 20px 0;
}
#earlyStageAchievementOpinion1 .uploadDownLoadBox_item p {
  width: 140px;
}
#earlyStageAchievementOpinion1 .button_box {
  margin-top: 54px;
}
#earlyStageAchievementOpinion1 .button_box_item {
  margin-right: 10px;
}
#earlyStageAchievementOpinion1 .boxItem_content_row_item_input {
  position: relative;
}
#earlyStageAchievementOpinion1 .el-input__inner {
  padding-right: 50px;
}
#earlyStageAchievementOpinion1 .boxItem_content_row_item_input span {
  position: absolute;
  right: 10px;
  top: 3px;
  height: 36px;
  line-height: 36px;
  z-index: 1;
  color: #999;
}
#earlyStageAchievementOpinion1 .table-doc-view {
  border-collapse: collapse;
}
#earlyStageAchievementOpinion1 .table-doc-view tr,
.table-doc-view td {
  border: 1px solid #ccc;
  padding: 10px 10px;
}
#earlyStageAchievementOpinion1 .table-doc-view tr,
.table-doc-view td {
  border: 1px solid #ccc;
  padding: 10px 10px;
}
#earlyStageAchievementOpinion1 .table-doc-view td {
  font-size: 14px;
  color: #444;
  min-height: 30px;
}
#earlyStageAchievementOpinion1 .table-doc-view .taoc-title {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
#earlyStageAchievementOpinion1 .table-doc-view .taoc-center {
  text-align: center;
}
#earlyStageAchievementOpinion1 .boxItem_content_row_item_noFlex_textarea {
  width: 80%;
}
#earlyStageAchievementOpinion1 .shencharen {
  display: flex;
  margin-right: 300px;
}
#earlyStageAchievementOpinion1 .shencharen img {
  width: 105px;
  height: 59px;
}
#earlyStageAchievementOpinion1 .shencharenTime {
  display: flex;
  align-items: center;
}
#earlyStageAchievementOpinion1 .shencharenTime p {
  width: 80px;
}
#earlyStageAchievementOpinion1 .boxItem_content_row_shenhe {
  margin: 30px 0;
}
#earlyStageAchievementOpinion1 .tableBoxData_title {
  width: 100%;
  display: block;
  overflow: hidden;
  font-size: 20px;
  font-weight: bold;
  color: #444;
  text-align: center;
  margin-bottom: 10px;
}
.tableBoxData_mainData {
  width: 100%;
  display: flex;
  justify-content: center;
}
.tableBoxData_button_box {
  width: 100%;
  display: flex;
  justify-content: center;
}
.tableBoxData_button_box_item {
  margin: 0px 20px;
  margin-bottom: 20px;
  margin-top: 10px;
}
</style>
 